<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta charset="utf-8" />
    <title>ServiceManageGrGdSearch</title>

    <link rel="stylesheet" href="__PUBLIC__/static/mycss/my.css" />
    <script src="__PUBLIC__/static/jqgrid/js/jquery-1.11.0.min.js"></script>
    <script type="text/ecmascript" src="__PUBLIC__/static/jqgrid/js/jquery.jqGrid.min.js"></script>
    <script type="text/ecmascript" src="__PUBLIC__/static/jqgrid/js/i18n/grid.locale-en.js"></script>

    <link rel="stylesheet" type="text/css" media="screen" href="__PUBLIC__/static/jqgrid/css/ui-lightness/jquery-ui.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="__PUBLIC__/static/jqgrid/css/ui.jqgrid.css" />

</head>
<body>
<div class="span9">
    <table class="gridtable">
        <tr>
            <th>员工号</th>
            <td><input type="text" name="" id="" value="123" class="auto"/></td>
        </tr>
        <tr><th colspan="2">条件查询</th></tr>
        <tr>
            <th>工单类别</th>
            <td>
                <select>
                    <option value="1" selected>全部</option>
                    <option value="2">自建工单</option>
                    <option value="3">客户工单</option>
                </select>
            </td>
        </tr>
        <tr>
            <th>服务内容</th>
            <td>
                <select>
                    <option value="1" selected>全部</option>
                    <option value="2">自建工单</option>
                    <option value="3">客户工单</option>
                </select>
                多项服务
                <select>
                    <option value="1" selected>全部</option>
                    <option value="2">自建工单</option>
                    <option value="3">客户工单</option>
                </select>
            </td>
        </tr>
        <tr>
            <th>内容大类</th>
            <td>
                <select>
                    <option value="1" selected>全部</option>
                    <option value="2">自建工单</option>
                    <option value="3">客户工单</option>
                </select>
                产品
                <select>
                    <option value="1" selected>全部</option>
                    <option value="2">自建工单</option>
                    <option value="3">客户工单</option>
                </select>
            </td>
        </tr>
        <tr>
            <th>状态</th>
            <td>
                <select>
                    <option value="1" selected>全部</option>
                    <option value="2">自建工单</option>
                    <option value="3">客户工单</option>
                </select>
            </td>
        </tr>
        <tr>
            <th>评级</th>
            <td>
                <select>
                    <option value="1" selected>全部</option>
                    <option value="2">自建工单</option>
                    <option value="3">客户工单</option>
                </select>
            </td>
        </tr>
        <tr>
            <th>时段</th>
            <td>放日期控件</td>
        </tr>
    </table>
    <input type="button" value="投诉处理完成确认">

    <br/>
    用户号：13656645123     姓名：王大壮
    时段：2015/03/23 - 2015/03/23    工单数：78  （客户工单28 / 自建工单50）   订单金额小计：7900  （客户工单3000 / 自建工单4900）   用户评价均值：★★★★
    <br/>
    工单统计
    <table class="gridtable">
        <tr>
            <th>未联系工单数量</th>
            <td>2</td>
            <th>服务中工单数量</th>
            <td>3</td>
            <th>投诉工单</th>
            <td>4</td>
        </tr>
        <tr>
            <th>已预约工单数量</th>
            <td>4</td>
            <th>异常工单数量</th>
            <td>5</td>
            <th>申请撤销工单数量</th>
            <td>6</td>
        </tr>
    </table>
    工单信息

    <table id="jqGrid"></table>

    <div id="jqGridPager"  class="div"></div>

    <script type="text/javascript">
        $(document).ready(function () {
            $("#jqGrid").jqGrid({
                url: 'index.php?s=/home/Gridjson/getServiceManageIndexJson',
                datatype: "json",
                colModel: [
                    { label: 'ID', name: 'id', width: 75 },
                    { label: '日期', name: 'inputdatetime', width: 90 },
                    { label: '帐号', name: 'tbaccount', width: 100 },
                    { label: '手机', name: 'tbmobile', width: 80},
                    { label: '商家', name: 'tbofflinemallid', width: 80 }
                ],
                loadonce: true,
                width: 800,
                height: 250,
                rowNum: 10,
                viewrecords: true,
                pager: "#jqGridPager",
                caption: "扫码购物用户信息"
            });
        });

    </script>


</div>
</body>
</html>